<template>
	<div class="app-error-view">
		<div class="app-error-container">
			<img src="/assets/img/401.png" />
			<div class="error-text">
				<div class="error-text1">{{ $t('function.401.errortext1') }}</div>
				<div class="error-text2">
					{{ $t('function.401.errortext2') }}
					<a @click="gotoPage">{{ $t('function.401.previouspage') }}</a>
					{{ $t('function.401.continue') }}
				</div>
			</div>
		</div>
	</div>
</template>

<script setup lang="ts">
import { useRoute, useRouter } from 'vue-router';

const route: any = useRoute();
const { go } = useRouter();
onBeforeMount(() => {
	const loadingElement = document.getElementById("app-loading-x")
	if (loadingElement) {
		loadingElement.style.display = 'none';
	}
})
const gotoPage = () => {
	go(-1)
};
</script>
